<template>
    <div id="branchDetail">
        <div class="functionalArea">
            <el-form class="formEmbedTable" :model="detailData">
                <table> 
                    <tr>
                        <td>Transaction Sequence No.</td>
                        <td>{{detailData.flowNo}}</td>	
                    </tr>
                    <tr>
                        <td>Submit</td>
                        <td>{{detailData.userAlias}}</td>	
                    </tr>
                </table>
            </el-form>
        </div>
        <div >
            <el-form  :model="detailData" class="formEmbedTable mt20">
                <table>
                    <caption>{{detailData.actionType==0?"Add":detailData.actionType==1?"Modify":"Delete"}}</caption>
                    <tr>
                        <td>Parent Department</td>
                        <td>{{detailData.brhParentName}}</td>
                        <td>Abbreviation</td>
                        <td>{{detailData.brhShortName}}</td>					
                    </tr>
                    <tr>
                        <td>Department No.</td>
                        <td>{{detailData.brhId}}</td>
                        <td>Department Name</td>
                        <td>{{detailData.brhName}}</td>					
                    </tr>
                    <tr>
                        <td>Category</td>
                        <td>{{ $tools.dict.BranchLevel(detailData.brhLevel)}}</td>
                        <td>Status</td>
                        <td>{{detailData.brhStatus==0?"Active":detailData.brhStatus==1?"Suspended":detailData.brhStatus==2?"cancel":""}}</td>
                    </tr>
                    <tr>
                        <td>Area Code</td>
                        <td>{{detailData.brhRegionId}}</td>
                        <td>Address</td>
                        <td>{{detailData.brhAddress}}</td>
                    </tr>
                    <tr>
                        <td>Phone No.</td>
                        <td>{{detailData.brhPhone}}</td>
                        <td>Description</td>
                        <td>{{detailData.brhDesc}}</td>
                    </tr>
                </table>
            </el-form>
        </div>
        <div class="btnArea mt20 tac">
            <el-button type="primary" icon="close" @click="back">Back</el-button>
        </div>
    </div>
</template>

<script>
    import ghbIcon from '@src/components/icon'
    export default {
        name:'branchDetail',
        components:{
			ghbIcon
		},
        props:['detailData',],
        data(){
            return {
                dialogTableVisible:false,
                
            }
        },
        methods:{
            back(){
                this.$emit("back")
            },
            
        }
        
    }

</script>